@import "../../styles/base";

.bank-product-apply-container {
  background-color: $bg-color-light;

  .header {
    width: 100%;
    height: 229px;
  }

  .detail-box {
    background-color: $bg-color-base;
    padding: 42px 30px 30px 33px;

    .edit-box {
      width: 100%;
      display: flex;
      align-items: center;
      line-height: 0;
      justify-content: space-between;

      .item {
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: space-between;

        .top {
          line-height: 0;
          display: flex;
          align-items: center;

          .label {
            font-size: 30px;
            color: #2d3442;
            margin-right: 30px;
          }
        }

        .bottom {
          margin-top: 20px;

          .detail {
            font-size: 24px;
            color: $font-color-input-desc;

          }
        }

        .input {
          position: relative;
          display: inline-flex;
          align-items: center;
          line-height: 0;
          width: 205px;
          height: 54px;
          border: 1.1px $border-color-input solid;
          border-radius: 28px;

          .deposit-input {
            width: 80%;
            height: 100%;
            min-height: 100%;
            font-size: 28px;
            line-height: 1;
            text-align: center;
            padding-left: 20px;
            color: $color-primary;
          }

          .suffix {
            font-size: 27px;
            color: $font-color-dark;
            margin-right: 30px;
          }
        }
        

        .selector {
          display: inline-flex;
          justify-content: space-around;
          align-items: center;
          height: 100%;
          width: 100%;
          .content {
            display: flex;
            align-items: center;
            .text {
              font-size: 28px;
              line-height: 28px;
              color: $color-primary;
            }
  
            .iconfont {
              margin-left: 14px;
              color: $border-color-input;
            }
          }
        }
      }
    }

    .bank-detail-table-box {
      margin-top: 40px;
    }
  }

  .flow-box {
    margin-top: 13px;
  }

  .desc-box, .desc-box-last {
    margin-top: 13px;
  }
  .desc-box-last {
    padding-bottom: 100px;
  }
  
  .bottom-function-box {
    position: fixed;
    bottom: 0px;
    left: 0;
    z-index:10;
    width: 100%;
    background-color: $bg-color-base;
  }
}
